<div class="row-fluid">
<h2 class="pull-left" id="azuria">Requerimentos do Sistema</h2><br><br>
</div>

<!-- begin content --><div class="node format ">
			
	<p><!-- TWO-COLUMNS --></p>
<style type="text/css">#node-design section p {
color: #000;
text-shadow: 0 0px 0 #000000;
}

dt, .block-story h3, .block-story h4, .block-story h5, .block-story h6{border-color:transparent;margin:0;}
#node-design{width:auto;height:inherit;overflow:hidden;}

#node-design img{border:none !important;margin-top:22px;}
#node-design > p img, /* <<--- dumb node bug */ #node-design > img{width:calc(100% - 6px);box-shadow:0 0 0 1px #fff, 0 0 0 3px #35214d;}

.lb{height:1px;margin:10px 0;width:100%;}
.lb1{background-color:#d1dcd1;}
.lb2{background-color:#9ac1b1;}
p ~ .lb{margin:0px 0 10px;}

section{width:552px;height:inherit;overflow:hidden;background-color:#5b8474;padding:20px 25px;margin:45px 0;position:relative;z-index:0;box-shadow:inset 0 0 0 1px #ffffc1, 0 0 0 2px #305e65;left:2px;}
section img{width:calc(100% - 2px);box-shadow:0 0 0 1px #fff;}
section:last-of-type{margin:0px 0 3px;}
#node-design section h1, #node-design section h2, #node-design section h3, #node-design section h4, #node-design section h5, #node-design section h6{color:#ffee7f;text-shadow:0 1px 0 #0b252c;}
#node-design section p{color:#fff;text-shadow:0 1px 0 #264e3e;text-align:justify;}
section:before, section:after{content:'';display:block;width:706px;height:47px;position:absolute;left:1px;background:url('http://s.aeriastatic.com/files/aurakingdom/image/a/arkus-node-ornament.png') 0 0 no-repeat;z-index:-1;}
section:before{top:0;}
section:after{bottom:0;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);}

#node-design p{line-height:21px;margin:0 0 12px;}
#node-design a{font-weight:900;color:#5e309f;text-decoration:underline;}
#node-design b{color:#545454;font-weight:900;}

section a{color:#ffee7f !important;text-shadow:0 1px 0 rgba(0,0,0,0.5);}
section b{color:#fff !important;text-shadow:0 1px 0 rgba(0,0,0,0.5);}

table {border:1px !important;}
table th {border:none !important;}
td {border:none !important;}

.head {background-color:#fff !important; font-size: 12px; font-weight: 700; text-transform: uppercase; color: #031225;text-align: center; padding: 7px 10px; border: solid 1px #666; font-family: 'Overlock', Geneva;}

.gray {background-color:#fff !important; font-size: 12px; font-weight: 700; text-transform: uppercase; color: #031225; text-align: center; padding: 7px 10px; border: solid 1px #666; font-family: 'Overlock', Geneva;}

.system {
	color: rgb(3, 18, 37);
	font-family: 'Overlock', Geneva;
	font-size: 14px; font-style: normal;
	font-weight: bold;
	line-height: 24px;
	text-align: center;
	text-transform: uppercase;
}

#node-design section p {
color: #000;
text-shadow: 0 0px 0 #000000;
}

#block-items-front .conversion .button {
	width: 300px;
	font-size: 18px !important;
	padding: 8px;
}

.button {
	margin: 0 1px 0 10px !important;
	font-size: 18px !important;
}

.needed {
	color:#000 !important;
	font-weight:900 !important;
	text-decoration:underline;
}

.mfc {
	float:left;
	list-style-type: none !important;
}

.mfc-btn {
	width:189px !important;
}
</style>
<article id="node-design">
<section>
<div>
<table align="left" border="2" cellpadding="4" cellspacing="0" class="req-all center" id="systemReq" width="552">
	<thead style="color:#fff;">
		<tr>
			<td class="head" scope="col">&nbsp;</td>
			<td class="head" scope="col"><span style="font-size:14px;">Requerimentos Mínimos</span></td>
			<td class="head" scope="col"><span style="font-size:14px;">Requerimentos Recomendados</span></td>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td class="gray">
			<p><span class="system">OS</span></p>
			</td>
			<td class="req-item center" colspan="2" style="color:white">
			<p style="text-align: center">Windows XP, Windows Vista, Windows 7 (32bit/64bit), Windows 8</p>
			</td>
		</tr>
		<tr>
			<td class="gray">
			<p><span class="system">CPU</span></p>
			</td>
			<td class="req-item center" style="color:white">
			<p>Intel Pentium4 2.8 GHz ou melhor</p>

			<p><br>
			AMD K8 2600 ou melhor</p>
			</td>
			<td class="req-item center" style="color:white">
			<p>Intel Core2 Duo 2.66 GHz ou equivalente</p>

			<p><br>
			AMD Athlon 64 X2 6000 ou equivalente</p>
			</td>
		</tr>
		<tr>
			<td class="gray">
			<p><span class="system">Memory</span></p>
			</td>
			<td class="req-item center" colspan="2" style="color:white">
			<p>4 Gigabytes&nbsp;ou mais</p>
			</td>
		</tr>
		<tr>
			<td class="gray">
			<p><span class="system">Hard Drive</span></p>
			</td>
			<td class="req-item center" colspan="2" style="color:white">
			<p>6 Gigabytes ou mais</p>
			</td>
		</tr>
		<tr>
			<td class="gray">
			<h3><span class="system">GPU</span></h3>
			</td>
			<td class="req-item center" style="color:white">
			<p>nVidia GeForce 6600 ou melhor</p>

			<p><br>
			ATI Redeon X1600 ou melhor</p>
			</td>
			<td class="req-item center" style="color:white">
			<p>nVidia GeForce 9500 ou melhor<br>
			&nbsp;</p>

			<p><br>
			ATI Radeon HD2600 ou equivalente</p>
			</td>
		</tr>
		<tr>
			<td class="gray">
			<h3><span class="system">sound</span></h3>
			</td>
			<td class="req-item center" colspan="2" style="color:white">
			<p style="text-align: center">DirectX 9.0c compatible sound card</p>
			</td>
		</tr>
	</tbody>
</table>
</div>
</section>
</article>

<p>&nbsp;</p>

<h2>Aplicações de Multimídia Requeridos</h2>

<div class="lb lb1">&nbsp;</div>

<div>
<div class="conversion" style="float:right;padding:6px 0;"><a class="button" href="http://download.microsoft.com/download/1/7/1/1718CCC4-6315-4D8E-9543-8E28A4E18C4C/dxwebsetup.exe" target="_blank">Download</a></div>

<p style="font-size: 17px"><b class="needed">DirectX End-User:</b> Aura Kingdom utiliza a tecnologia Microsoft DirectX para gráfico e som. Para saber se seus drivers estão atualizados, clique no botão de download para obter o instalador do DirectX mais recente da Microsoft.</p>

<p style="font-size: 17px"><b class="needed">Graphics Card Driver:</b> Para o Aura Kingdom funcionar sem problemas, é recomendado que você atualize os drivers da placa de vídeo para suas versões atuais. Abaixo você encontrará uma série de links para os principais fabricantes de placas de vídeo, se o fabricante de sua placa não estiver nessa lista, verifique a documentação de sua placa para o link da página.</p>

<ul>
	<li class="mfc">
	<div class="conversion mfc-btn"><a class="button" href="https://downloadcenter.intel.com/default.aspx?lang=eng" target="_blank">Intel</a></div>
	</li>
	<li class="mfc">
	<div class="conversion mfc-btn"><a class="button" href="http://support.asus.com/download/options.aspx?SLanguage=eng&amp;type=1" target="_blank">Asus</a></div>
	</li>
	<li class="mfc">
	<div class="conversion mfc-btn"><a class="button" href="http://msi.com/service/download/" target="_blank">MSI</a></div>
	</li>
	<li class="mfc">
	<div class="conversion mfc-btn"><a class="button" href="http://www.gigabyte.com/support-downloads/download-center.aspx" target="_blank">Gigabyte</a></div>
	</li>
	<li class="mfc">
	<div class="conversion mfc-btn"><a class="button" href="http://www.nvidia.com.tw/Download/index.aspx?lang=eng" target="_blank">NVIDIA</a></div>
	</li>
	<li class="mfc">
	<div class="conversion mfc-btn"><a class="button" href="http://support.amd.com/us/gpudownload/Pages/index.aspx" target="_blank">ATI</a></div>
	</li>
</ul>
</div>
<script type="text/javascript">
var getNode = document.querySelector('.node.format');
var getPs = getNode.querySelectorAll('p');
var getBRs = getNode.querySelectorAll('br');

function eraseThemNow(){
	for(i=0; i<getPs.length; i++){
		if(getPs[i].innerHTML.length == 0 || i == 0){
			getPs[i].style.display = "none";
		}
		else{
			console.log('tags erased');
		}
	}
	for(j=0; j<getBRs.length; j++){
		getBRs[j].innerHTML.length === 0 ? getBRs[j].style.display = "none" : console.log('tags erased');
	}
}
eraseThemNow();
</script>	
		
</div>
<!-- end content -->
